<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>测终生运-知命</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <style>
        body{background-color: #e8e8e8;}
        .bzzsy_binding {margin: 10px;background-color: #fff;}
        .bb_tit {
            border: 1px solid #ddd;
            height: 30px;
            line-height: 30px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            padding: 0 10px;
            color: #ff6000;
        }
        .bb_con {
            border: 1px solid #ddd;
            border-top: none;
            padding: 10px;
            font-size: 14px;
            color: #4b4b4b;
        }
        .bb_con div {
            height: 30px;
            line-height: 30px;
            position: relative;
            padding: 0 0 0 70px;
        }
        .bb_con div span {
            display: block;
            width: 70px;
            position: absolute;
            left: 0;
            top: 0;
        }
        .bb_con .form {
            position: relative;
            height: 30px;
            overflow: hidden;
        }
        .bb_con .form .txt {
            width: 80%;
            border: 1px solid #ddd;
            position: absolute;
            left: 0;
            top: 0;
            height: 30px;
            padding: 0 5px;
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            box-sizing: border-box;
            outline: none;
        }
        .bb_con .form .sub {
            position: absolute;
            right: 0;
            top: 0;
            background-color: #127892;
            color: #fff;
            height: 30px;
            width: 20%;
            border: none;
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }
        .bzzsy_analysis {margin: 0 10px;position: relative;}
        .ba_title {
            padding: 10px 40px;
            background-color: #fff;
            position: relative;
            min-height: 20px;
            line-height: 20px;
            color: #127892;
            border: 1px solid #ddd;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            margin: 10px 0 0;
            font-weight: 700;
        }
        .ba_title:after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -20px;
            width: 40px;
            height: 40px;
            background-repeat: no-repeat;
            background-size: 70%;
            background-position: center;
            left: 0;
            background-image: url('__PUBLIC__/images/czsy_img/icon1.png');
        }
        .ba_res {
            background-color: #fff;
            border: 1px solid #ddd;
            border-top: none;
            padding: 0 0 10px;
            color: #4b4b4b;
        }
        .ba_res p {padding: 10px;}
        .ba_res .color {color: #ff6000;}
        .ba_table {position: relative;margin: 1px;}
        .ba_table table {
            position: relative;
            width: 100%;
            border-top: 1px solid #6d96a0;
            border-left: 1px solid #6d96a0;
            border-collapse: collapse;
        }
        .ba_table th:after {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            border-right: 1px solid #6d96a0;
            border-bottom: 1px solid #6d96a0;
            top: 0;
            left: 0;
            display: none\9;
        }
        .ba_table th, .ba_table td {
            border-right: 1px solid #6d96a0;
            border-bottom: 1px solid #6d96a0;
            line-height: 24px;
            color: #0a4655;
            text-align: center;
            padding: 4px 0;
            position: relative;
        }
        .ba_table th {
            font-weight: normal;
            background-color: #bbdee7;
            background-color: transparent\9;
        }
        .ba_table .bz td {
            font-size: 18px;
            font-weight: 700;
        }
        .ba_table .br0 {border-right: none;}
        .ba_table .list {overflow: hidden;}
        .ba_table .list div {
            width: 12.5%;
            padding: 12px 0;
            border-right: 1px solid #6d96a0;
            box-sizing: border-box;
            float: left;
            text-align: center;
        }
        .ba_table .tr_list td, .ba_table .tr_list th {padding: 0;}
        .ba_table .list div span {font-size: 16px;}
        .ba_res .p_fw {font-weight: 700;color: #ff6000;text-align: center;}
        .ba_res .p_prize {color: #ff6000;text-align: center;}
        .ba_res .p_prize b {color: #d70000;font-size: 24px;}
        .ba_lock {color: #ff6000;}
        .ba_lock:before {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -20px;
            width: 40px;
            height: 40px;
            background-repeat: no-repeat;
            background-size: 70%;
            background-position: center;
            right: 0;
            background-image: url('__PUBLIC__/images/czsy_img/icon2.png');
        }
        .jiesuo{margin:0 10px;}
    </style>
</head>
<body>
    <header class="share_header">
        <h1 class="zm">测终生运</h1>
        <include file="Public/bzhhtop"/>
    </header>
    <div class="zm_banner">
        <img src="__PUBLIC__/images/czsy_img/banner.jpg" width="100%" />
    </div>
    <div class="bzzsy_binding">
        <div class="bb_tit">绑定订单可以多次查看</div>
        <div class="bb_con">
            <div><span>订单编号：</span><!--{$Think.cookie.orderid}--></div>
            <div id="xd_time"><span>下单时间：</span><!--{$createtime}--></div>
            <!--<div><span>绑定订单：</span>-->
                <!--<div class="form">-->
                    <!--<form class="J_ajaxForm" action="" method="post">-->
                        <!--<input type="text" class="txt" placeholder="输入手机号绑定后可以下次查看" name="value" id="value">-->
                        <!--<input type="hidden" name="id" value="16104854">-->
                        <!--<input type="button" class="sub J_ajax_submit_btn" value="绑定">-->
                    <!--</form>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
    <div class="bzzsy_analysis">
        <div class="ba_title">您的八字命盘</div>
        <div class="ba_res">
            <p><!--{$Think.cookie.znickname}-->，<span class="color">生于公元<!--{$Think.cookie.zyangli}--></span>，<span class="color">农历<!--{$Think.cookie.zyinli}-->&nbsp;&nbsp;<!--{:mb_substr($sizhu[3],1,1,'utf-8')}-->时</span>，年干支为<span class="color"><!--{$sizhu[0]}--></span>，本命元神<span class="color"><!--{:mb_substr($sizhu[2],0,1,'utf-8')}--><!--{:mb_substr($ny,2,1,'utf-8')}--></span>，为<span class="color"><!--{$dayunss[$datacolor]}-->格</span>，为一<span class="color"><!--{$arryysz[0]}--></span>年<span class="color"><!--{$arryysz[1]}--></span>月<span class="color"><!--{$arryysz[2]}--></span>日<span class="color"><!--{$arryysz[3]}--></span>时出生的<if condition="$sex eq 1">帅哥<else />美女</if>，其生辰八字与一生大运列示如下，这是非常专业精致的八字命盘，请仔细参详！</p>
            <div class="ba_table">
                <table>
                    <tbody>
                        <tr>
                            <th style="width:20%">坤造</th>
                            <th style="width:20%">年柱</th>
                            <th style="width:20%">月柱</th>
                            <th style="width:20%">日柱</th>
                            <th style="width:20%">时柱</th>
                        </tr>
                        <tr>
                            <th>天干十神</th>
                            <td><!--{$nianzhuss[0]}--></td>
                            <td><!--{$nianzhuss[1]}--></td>
                            <td>命主</td>
                            <td><!--{$nianzhuss[2]}--></td>
                        </tr>
                        <tr class="bz">
                            <th>八字</th>
                            <td class="br0"><!--{:mb_substr($sizhu[0],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[0],1,1,'utf-8')}--></td>
                            <td class="br0"><!--{:mb_substr($sizhu[1],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[1],1,1,'utf-8')}--></td>
                            <td class="br0"><!--{:mb_substr($sizhu[2],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[2],1,1,'utf-8')}--></td>
                            <td class="br0"><!--{:mb_substr($sizhu[3],0,1,'utf-8')}--><br><!--{:mb_substr($sizhu[3],1,1,'utf-8')}--></td>
                        </tr>
                        <tr>
                            <th>藏干</th>
                            <td><!--{$canggan[0]}--></td>
                            <td><!--{$canggan[1]}--></td>
                            <td><!--{$canggan[2]}--></td>
                            <td><!--{$canggan[3]}--></td>
                        </tr>
                        <tr>
                            <th>地支十神</th>
                            <td><!--{$zhishen[0]}--></td>
                            <td><!--{$zhishen[1]}--></td>
                            <td><!--{$zhishen[2]}--></td>
                            <td><!--{$zhishen[3]}--></td>
                        </tr>
                        <tr>
                            <th>生态: <span class="color"><!--{:mb_substr($sizhu[1],0,1,'utf-8')}--><!--{:mb_substr($ny,2,1,'utf-8')}-->生于<!--{:mb_substr($sizhu[1],1,1,'utf-8')}-->月</span></th>
                            <td>纳音:<br><span class="color"><!--{$ny}--></span></td>
                            <td>格局:<br><span class="color"><!--{$dayunss[$datacolor]}-->格</span></td>
                            <td>生肖:<br><span class="color"><!--{$liunian['zodiac-sign']}--></span></td>
                            <td>日元:<br><span class="color"><!--{:mb_substr($sizhu[2],0,1,'utf-8')}--><!--{:mb_substr($ny,2,1,'utf-8')}--></span></td>
                        </tr>
                        <tr>
                            <th>地势</th>
                            <th><!--{$bzdishi[0]}--></th>
                            <th><!--{$bzdishi[1]}--></th>
                            <th><!--{$bzdishi[2]}--></th>
                            <th><!--{$bzdishi[3]}--></th>
                        </tr>
                        <tr>
                            <th>喜用神:<br><span class="color"><!--{$xiys}--></span></th>
                            <td colspan="2">旺相休囚死:<br><span class="color"><!--{$wxsqs}--></span></td>
                            <td>胎元:<br><span class="color"><!--{$taiyuan}--></span></td>
                            <td>日空:<br><span class="color"><!--{$rikong}--></span></td>
                        </tr>
                        <tr>
                            <td colspan="5"><span class="color">起大运：出生后<!--{$dayunx}-->年<!--{$dayuny}-->月起大运</span></td>
                        </tr>
                        <tr class="tr_list">
                            <th>大运岁数</th>
                            <td colspan="4">
                                <div class="list">
                                    <div><span><!--{$dayun+1}--></span></div>
                                    <div><span><!--{$dayun+11}--></span></div>
                                    <div><span><!--{$dayun+21}--></span></div>
                                    <div><span><!--{$dayun+31}--></span></div>
                                    <div><span><!--{$dayun+41}--></span></div>
                                    <div><span><!--{$dayun+51}--></span></div>
                                    <div><span><!--{$dayun+61}--></span></div>
                                    <div><span><!--{$dayun+71}--></span></div>
                                </div>
                            </td>
                        </tr>
                        <tr class="tr_list">
                            <th>大运年数</th>
                            <td colspan="4">
                                <div class="list">
                                    <div><span><!--{$dayungz[0]}--></span></div>
                                    <div><span><!--{$dayungz[1]}--></span></div>
                                    <div><span><!--{$dayungz[2]}--></span></div>
                                    <div><span><!--{$dayungz[3]}--></span></div>
                                    <div><span><!--{$dayungz[4]}--></span></div>
                                    <div><span><!--{$dayungz[5]}--></span></div>
                                    <div><span><!--{$dayungz[6]}--></span></div>
                                    <div><span><!--{$dayungz[7]}--></span></div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="ba_res mt10" id="baPay">
            <p class="p_fw">付费后您可以解锁以下七大人生重要秘籍</p>
            <p class="p_prize">统一鉴定价：<b>￥68</b></p>
            <div class="public_pay_box">
                <a class="weixin" target="_self" href="<!--{:U('Czsy/zzhifu','',false)}-->"><img src="__PUBLIC__/images/public/wxzf.png" />微信安全支付</a>
                <a class="alipay" target="_self" href="<!--{:U('Czsy/pay','',false)}-->"><img src="__PUBLIC__/images/public/zfbzf.png" />支付宝安全支付</a>
            </div>
        </div>
    </div>
    <div class="jiesuo">
        <div class="ba_title ba_lock J_payBottomShow">个性特征分析</div>
        <div class="ba_res"><p>  从命理的角度透彻地分析你的为人处事，发现自己隐藏的天赋和不足，在人生的脚步中从容不迫的前行……</p></div>
        <div class="ba_title ba_lock">您的事业分析</div>
        <div class="ba_res"><p>  根据你命中的个性特征及事业行运，为你指出适合于你从事的事业领域，在此领域您将更容易取得辉煌的成就……</p></div>
        <div class="ba_title ba_lock">您的财运分析</div>
        <div class="ba_res"><p>  人的一生，所得财富的路径千千万。本节将发现您在某些特殊的人生阶段能够获得更多财富，为您拓宽发家致富的道路……</p></div>
        <div class="ba_title ba_lock">您的爱情婚恋观</div>
        <div class="ba_res"><p>  恋爱、婚姻中，在异性和同性朋友的眼里你是怎样的一个人？提示你如何避免不必要的行为和决定而失去挚爱……</p></div>
        <div class="ba_title ba_lock">您的健康之路</div>
        <div class="ba_res"><p>  健康，使每个生命存在的意义显得更为非凡。本篇将测算你一生之中的病痛伤灾，有助于您适时调整自己的身体机能，为您的长寿垒加巩固的基石……</p></div>
        <div class="ba_title ba_lock">百年运势流年表</div>
        <div class="ba_res"><p>  从你起运开始，以每5年为一个阶段，画出你一生的运势地图，为你的人生开启导航。</p></div>
        <div class="ba_title ba_lock">每五年阶段式运势详解</div>
        <div class="ba_res"><p>  如果说导航能为你在人生的茫茫大海中指明方向，那么这一节将会告诉你海的另一边是怎样的一番风景。你又该如何适应新的的机遇与挑战……</p></div>
        <div class="ba_title ba_lock" id="baShowTop">个人大运总体分析</div>
        <div class="ba_res"><p>  本节将告诉你一生总体命运的起伏、趋势。从年幼轻壮到而立中年、天伦晚年。富贵还是窘迫、顺风顺水亦或曲折离奇……</p></div>
    </div>
    <div class="hot_cs">
        <include file="Public/zhiming" />

    </div>
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥68元</strong>
            </div>
            <div class="public_pay_box">
                <a class="weixin" target="_self" href="<!--{:U('Czsy/zzhifu','',false)}-->"><img src="__PUBLIC__/images/public/wxzf.png" />微信安全支付</a>
                <a class="alipay" target="_self" href="<!--{:U('Czsy/pay','',false)}-->"><img src="__PUBLIC__/images/public/zfbzf.png" />支付宝安全支付</a>
            </div>
        </div>
    </div>
    <footer class="footer_severs" style="padding-bottom:46px;">

        <include file="Public/bottom" />

    </footer>
    <div class="fiex_bt" id="fiex">
        <a href="javascript:;"><i class="suo"></i>付费解锁所有项</a>
    </div>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script>
         $('#fiex').on('click',function(){
            $('#publicPayPopup').css('display','block');
        })
        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').css('display','none');
        })
        // 悬浮底部
    var ofiex = document.getElementById('fiex');
        window.onscroll = function() {
        var osTop = document.documentElement.scrollTop || document.body.scrollTop;
            if (osTop > 700) {
                ofiex.style.display ="block";
            }else{
                ofiex.style.display ="none";
            }
        };
         sessionStorage.setItem("chufa", "2");
    </script>
</body>
</html>